<template>
  <view class="grade">
    <text class="grade-text">成长值由参与直播时长换算而来,一分钟换算为一点成长值</text>
    <view class="grade-foot">
      <view class="grade-foot-head">
        <text>等级</text>
        <text>成长值</text>
      </view>
      <view v-for="(item,index) in grades" :key="index" class="grade-foot-xunhuan">
        <text>{{item.it1}}</text>
        <text>{{item.it2}}</text>
      </view>
    </view>
  </view>
</template>

<style scoped>
  .grade {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .grade-text {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #bbb;
    margin-top: 30rpx;
  }
  .grade-foot {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .grade-foot-head {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 30rpx;
    height: 80rpx;
    line-height: 80rpx;
  }
  .grade-foot-xunhuan {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 30rpx;
    height: 80rpx;
    line-height: 80rpx;
  }
</style>

<script>
export default {
  data(){
    return {
      grades:[
        {
          it1:'Lv1',
          it2:0,
        },
        {
          it1:'Lv2',
          it2:100
        },
        {
          it1:'Lv3',
          it2:200
        },
        {
          it1:'Lv4',
          it2:500
        },
        {
          it1:'Lv5',
          it2:900
        },
        {
          it1:'Lv6',
          it2:1400
        },
        {
          it1:'Lv7',
          it2:2000
        },
        {
          it1:'Lv8',
          it2:3000
        },
        {
          it1:'Lv9',
          it2:4500
        },
        {
          it1:'Lv10',
          it2:6000
        },
        {
          it1:'Lv11',
          it2:8000
        },
        {
          it1:'Lv12',
          it2:10000
        },
        {
          it1:'Lv13',
          it2:14000
        },
        {
          it1:'Lv14',
          it2:18000
        },
        {
          it1:'Lv15',
          it2:24000
        },
        {
          it1:'Lv16',
          it2:30000
        },
        {
          it1:'Lv17',
          it2:40000
        },
        {
          it1:'Lv18',
          it2:50000
        },
        {
          it1:'Lv19',
          it2:70000
        },
        {
          it1:'Lv20',
          it2:100000
        }
      ]
    }
  },
}
</script>